<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>登陆界面</title>

<script type="text/javascript">
	
</script>
<style type="text/css">
body {
	background-image: url(./img/bg2.jpg);
	background-size: cover;
	margin: 0;
	padding: 0;
	width: auto;
}

.header {
	z-index: 10;
	background-color: rgba(255, 255, 255, 0);
	opacity: 1;
	height: 83px;
	line-height: 20px;
	text-align: center;
	color: rgba(255, 255, 255);
	border: 1px solid rgb(187, 187, 187)
}

.blur {
	background: inherit;
	background-color: white;
	z-index: -1;
	position: relative;
	top: -83px;
	height: 83px;
	filter: blur(10px);
}

.header img {
	position: absolute;
	left: 29px;
	top: 16px;
	width: 81px;
	height: 51px;
}

.header p {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 135px;
	line-height: 83px;
	color: rgba(0, 0, 0, 255);
	font-size: 18px;
	text-align: left;
	font-family: SourceHanSansSC-regular
}

.container {
	position: relative;
	top: -83px;
	margin: auto;
	width: 1080px;
	min-height: 31.25rem;
	background-color: rgba(224, 226, 227, 0.6);
	filter: blur(10px);
	overflow: hidden;
	zoom: 1;
}

.content {
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	margin: auto;
	padding-top: 40px;
	opacity: 1;
}

.content .login_container {
	width: 400px;
	height: 336px;
	border-radius: 10px;
	visibility: visible;
	background-color: rgba(255, 255, 255, 0.7)
}

form {
	position: relative;
	top: 80px;
}

#name input, #pwd input {
	border: 0;
	outline-style: none;
	border-radius: 8px;
	padding: 7px 0;
	font-family: "Microsoft soft";
}

.btn:hover {
	color: #fff;
	background: #0a90f5;
}

.btn:focus {
	color: #fff;
	background: #0a90f5;
	outline: none;
}

.footer {
	
}
</style>
</head>
<body>
	<div class="header" style="">
		<a class="logo" href="#"> <img src="img/iii.jpg">
		</a>
		<p>⭐学院成绩管理系统</p>
	</div>
	<div class="blur"></div>
	<div class="container"></div>
	<center>
		<div class="content">
			<h2>😃欢迎使用😃</h2>
			<div class="login_container">
				<form action="/stuscore/login" method="get" onsubmit="">
					<div id="name">
						<label>账号：</label> <input type="text" name="usr" id="i1" value=""
							placeholder="输入号" />
					</div>
					<br>
					<div id="pwd">
						<label>密码：</label> <input type="password" name="pwd"
							placeholder="输入密码" />
					</div>
					<br>
					<br>
					<div id="sub">

						<input type="submit" class="btn" value="登录" />
						<!--	<input type="button" class="btn" value="注册" />  -->
						<input type="reset" class="btn" value="重设" />

						<!--	<a href="#">忘记密码？</a>  -->
						
						<p style="color: red;">${error }</p>



					</div>
				</form>
				<br>
				<br>

			</div>
		</div>
	</center>
	<div class="footer"></div>
</body>
</html>